@m-height: 10.75rem;
@pc-height: 30.3125rem;
@cl-color:#175292;
@bg-size:1.875rem;
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul{
	li{
		list-style: none;
	}
}
a{
	text-decoration: none;
}
#header{
	position: sticky;
	top: 0;
	z-index: 9;
}
#container{
	min-height: 100vh;
	background-color: #fff;
	.banner{
		margin-bottom: 1.875rem;
		.image{
			width: 100%;
			height: @pc-height;
			overflow: hidden;
			// object-fit: contain;
		}
		@media (max-width: 48rem) {
			.image{
				transition: .3s;
				width: 100%;
				// height: @m-height;
				overflow: hidden;
			}
		}
		.img-word{
			position: absolute;
      top: 25%;
      left: 10%;
      color: #fff;
      width: 40%;
			.word-title{
				font-size: 3rem;
				font-weight: bold;
				border-bottom: .125rem solid #fff;
				padding-bottom: .2rem;
				display: inline-block;
			}
			.word-en{
				margin-bottom: 1.25rem;
				font-size: 1.125rem;
				font-family: Source Han Sans CN;
			}
			.word-content{
				line-height: 2rem;
				font-size: 1rem;
				overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp:4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
			}
		}
		@media (max-width: 31.25rem){
			.image{
				transition: .3s;
				width: 100%;
				height: @m-height;
				overflow: hidden;
			}
			.img-word{
				position: absolute;
				top: 13%;
				left: 10%;
				color: #fff;
				width: 40%;
				.word-title{
					font-size: 1rem;
					font-weight: bold;
				}
				.word-en{
					margin-bottom: .3125rem;
					font-size: .75rem;
					font-family: Source Han Sans CN;
				}
				.word-content{
					line-height: 1rem;
					font-size: .625rem;
					overflow:hidden;
					text-overflow: ellipsis;
					-webkit-line-clamp: 4;
					display: -webkit-box;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
	.content{
		width: 77.5rem;
		margin: 0 auto;
		.show_pic{
			display: flex;
			justify-content: space-between;
			margin-bottom: 2.5rem;
			.left_content{
				// background: #000;
				width:49%;
				box-shadow: .0625rem .25rem .5rem 0rem rgba(31,33,33,0.3);
				.img_top{
					width: 100%;
					.top_img{
						width:100% ;
					}
				}
				.left_word{
					padding: .625rem 1.25rem;
					background: #fff;
					.big_title{
						font-size: 1rem;
						font-weight: bold;
						margin-bottom: .3125rem;
					}
					.small_content{
						font-size: .8rem;
						overflow:hidden;
						text-overflow: ellipsis;
						-webkit-line-clamp:4;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						line-height: 1.3rem;
						margin-bottom: .625rem;
					}
					.down_btn{
						color: @cl-color;
						font-size: 1rem;
						font-weight: bold;
						border-bottom: .0625rem solid @cl-color;
						padding-bottom: .1875rem;
						display: inline-block;
					}
				}
			}
			.right_content{
				width:49%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.common_box{
					height: 49%;
					width: 100%;
					display: flex;
					background: #FFFFFF;
          box-shadow: .0625rem .25rem .5rem 0rem rgba(31,33,33,0.3);
					.left_img{
						width: 50%;
					}
					.right_word{
						padding: 1.25rem;
						.right_top_word{
							font-size: 1rem;
							font-weight: bold;
							margin-bottom: .625rem;
						}
						.right_center_content{
							font-size: .8rem;
						  overflow:hidden;
						  text-overflow: ellipsis;
						  -webkit-line-clamp:8;
						  display: -webkit-box;
						  -webkit-box-orient: vertical;
						  line-height: 1.3rem;
						  margin-bottom: 1.25rem;
						}
						.right_down_btn{
							color: @cl-color;
							font-size: 1rem;
							font-weight: bold;
							border-bottom: .0625rem solid @cl-color;
							padding-bottom: .1875rem;
							display: inline-block;
						}
					}
				}
				@media (max-width:43.75rem) {
					.common_box{
						display: block;
						.left_img{
							width: 100%;
						}
					}
				}
			}
		}
		@media (max-width:78.125rem) {
			.show_pic{
				display: block;
				.left_content{
					width: 100%;
					margin-bottom: 1.25rem;
				}
				.right_content{
					width: 100%;
					.common_box{
						margin-bottom: 1.25rem;

					}
				}
			}
		}
	}
	@media (max-width:78.125rem) {
		.content{
			width: 100%;
			padding: 2.5rem;
		}
	}
	/**分页样式*/
  .l-page{
  	margin-top: 1.875rem;
  	margin-bottom: 3.4375rem;
  	text-align: center;
  }
  .ui-pagination-page-item.active{
  		background-color: #2771ff;;
  		border:.0625rem solid #2771ff;
  		color: #fff;
  		// width: 100%;
  		// height: 100%;
  		// border-radius: 50%;
  }
  .ui-pagination-page-item{
  		margin: 0 .625rem;
  		padding: 0.1125rem 0.425rem;
  		// border:.0625rem solid #dddddd;
  		color: #636363;
  		font-size: .875rem;
  		border-radius: 50%;
  		text-decoration: none;
  		display: inline-block;
  		// width: 2.5rem;
  		// height: 2.5rem;
  		// line-height: 2.5rem;
  }
  .ui-pagination-page-item:hover{
  		color: #636363;
  }
  .ui-pagination-page-item.active:hover{
  		color: #fff;
  }
  .wrap{
  		width: 37.5rem;
  		margin: 3.125rem auto;
  }
  .no-data{
  	text-align: center;
  	margin: 0 auto;
  	.no-img{
  		// height: 25rem;
  		width: 100%;
  	}
  	.fi{
  		font-size:9.375rem;
  		color: #999;
  	}
  	p{
  		color: #999;
  	}
  }
}
@media (max-width:68.75rem) {
	footer{
		transition: .3s;
		display: none;
	}
}